window.onload = function(){		
	var canvas = document.getElementById('gbcanvas'),
    context = canvas.getContext('2d');
    var img=new Image();
      	img.src = '../../www/Public/Special/Img/Reunion/05.png';
    var posX = 0, 
      posY = 0,
      particleRadius = 8,
      speedX = 0.5, //定义一个X轴方向的速度
      speedY = -0.5, //定义一个Y轴方向的速度
      gravity = 0.1; //定义一个重力的参数，即重力加速度      
      //定义setInterval来隔特定时间生成粒子，如下
      setInterval(function(){
        context.clearRect(0,0,canvas.width,canvas.height);
        //以下代码设置运动速度
        posX+=speedX;
        posY+=speedY; 
        //地面反弹效果，判断当粒子运动到近画布底端的时候，粒子Y轴坐标反向
        if(posY > canvas.height - particleRadius){
          speedY*=-1; //这里设置粒子速度为负值，修改此数值可以修改粒子Y轴运动速度损耗量
          speedX*=1; //这里设置粒子X轴速度的损耗量
          posY = canvas.height - particleRadius; //这里当粒子低于画布最低端的时候，设置保证其不消失
        }
        //判断粒子位于画布右侧可显示区域外
        if(posX > canvas.width - particleRadius){
          speedX*=-1;
          posX = canvas.width - particleRadius;
        }
        //判断粒子位于画布左侧可显示区域外
        if(posX < particleRadius){
          speedX*=-1;
          posX = particleRadius;
        } 
        //最后添加顶端的反弹效果
        if(posY < particleRadius){
          speedY*=-1;
          posY = particleRadius;
        }
        
        //添加重力加速度效果
        speedY+=gravity;
 	
      	context.drawImage(img,posX,posY,11,10);
      }, 30);
      
  var canvas1 = document.getElementById('gbcanvas1'),
    context1 = canvas1.getContext('2d');
    var img1=new Image();
      	img1.src = '../../www/Public/Special/Img/Reunion/06.png';
    var posX1 = 0, 
      posY1 = 0,
      particleRadius1 = 8,
      speedX1 = 0.5, //定义一个X轴方向的速度
      speedY1 = -0.5, //定义一个Y轴方向的速度
      gravity1 = 0.1; //定义一个重力的参数，即重力加速度      
      //定义setInterval来隔特定时间生成粒子，如下
      setInterval(function(){
        context1.clearRect(0,0,canvas1.width,canvas1.height);
        //以下代码设置运动速度
        posX1+=speedX1;
        posY1+=speedY1; 
        //添加地面反弹效果，判断当粒子运动到近画布底端的时候，粒子Y轴坐标反向
        if(posY1 > canvas1.height - particleRadius1){
          speedY1*=-1; //这里设置粒子速度为负值，修改此数值可以修改粒子Y轴运动速度损耗量
          speedX1*=1; //这里设置粒子X轴速度的损耗量
          posY1 = canvas1.height - particleRadius1; //这里当粒子低于画布最低端的时候，设置保证其不消失
        }
        //判断粒子位于画布右侧可显示区域外
        if(posX1 > canvas1.width - particleRadius1){
          speedX1*=-1;
          posX1 = canvas1.width - particleRadius1;
        }
        //判断粒子位于画布左侧可显示区域外
        if(posX1 < particleRadius1){
          speedX1*=-1;
          posX1 = particleRadius1;
        } 
        //最后添加顶端的反弹效果
        if(posY1 < particleRadius1){
          speedY1*=-1;
          posY1 = particleRadius1;
        }
        
        //添加重力加速度效果
        speedY1+=gravity1;
 	
      	context1.drawImage(img1,posX1,posY1,11,10);
      }, 30);
	
	
}